<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity3">
<head>
    <title>生活护理建议</title>
</head>
<style  media="print" type="text/css">
    .noPrint{DISPLAY: none;}
</style>
<body>
<div>
    <div style="width:210mm" align="center">
        <div>
            <table border="0px"  width="800px">
                <tr>
                    <th  colspan="8" style="align-content: center">
                        <label style="font-size: 20px">皮肤分类管理报告</label>
                    </th>
                </tr>
                <tr>
                    <th class="t1" colspan="8" style="align-content: center">
                        (一般性建议)
                    </th>
                </tr>
                <tr>
                    <th width="10%" style="text-align: left">姓名:</th>
                    <td width="10%" th:text="${patient.name}"></td>
                    <th width="10%" style="text-align: left">性别:</th>
                    <td width="10%" th:text="${patient.sex == 2?'女':'男'}"></td>
                    <th width="10%" style="text-align: left">年龄:</th>
                    <td width="10%" th:text="${age}"></td>
                    <th width="10%" style="text-align: left">病历号:</th>
                    <td width="30%" th:text="${medicalId}"></td>
                </tr>
                <tr>
                    <th colspan="2" style="text-align: left">出生日期:</th>
                    <td colspan="2" th:text="${birthday}"></td>
                    <th colspan="2" style="text-align: left">联系电话:</th>
                    <td colspan="2" th:text="${patient.phone}"></td>
                </tr>
                <tr>
                    <th class="t1" style="text-align:left" colspan="2">家庭地址:</th>
                    <td colspan="6" th:text="${patient.address}"></td>
                </tr>
                <tr>
                    <th class="t1" style="text-align:left" colspan="8">您的皮肤初步分类为:</th>
                </tr>
                <tr>
                    <!--<td colspan="8" height="120px" th:text="${skinType}"></td>-->
                </tr>
                <tr>
                    <th class="t1" style="text-align:left" colspan="8">生活和护理建议:</th>
                </tr>
                <tr>
                    <td height="540px" colspan="8" style="vertical-align: top">
                        <table>
                            <div th:each="suggest : ${suggests}">
                                <tr>
                                    <td>[<label th:text="${suggest.title}" style="font-size: 16px;font-weight:600"></label>]</td>
                                </tr>
                                <tr>
                                    <td width="100%"><label style="font-size: 16px;font-weight:600">饮食建议：</label><label th:text="${suggest.dietSuggest}"></label></td>
                                </tr>
                                <tr>
                                    <td width="100%"><label style="font-size: 16px;font-weight:600">洁面建议：</label><label th:text="${suggest.cleanSuggest}"></label></td>
                                </tr>
                                <tr>
                                    <td width="100%"><label style="font-size: 16px;font-weight:600">护肤建议：</label><label th:text="${suggest.skinSuggest}"></label></td>
                                </tr>
                                <tr>
                                    <td width="100%"><label style="font-size: 16px;font-weight:600">生活建议：</label><label th:text="${suggest.lifeSuggest}"></label></td>
                                </tr>
                                <tr>
                                    <td width="100%"><label style="font-size: 16px;font-weight:600">防晒建议：</label><label th:text="${suggest.sunSuggest}"></label></td>
                                </tr>
                            </div>
                            <tr>
                                <td><label style="font-size: 16px;font-weight:600">补充建议：</label><label th:text="${supplementAdvice}"></label></td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <th style="text-align: left">日期:</th>
                    <td colspan="7" th:text="${creationTime}"></td>
                </tr>
                <tr>
                    <th style="text-align: left">医生:</th>
                    <td colspan="7"></td>
                </tr>
            </table>
            <div style="text-align: right;width: 800px" class="noPrint"><button onClick="window.print()">打印</button></div>
        </div>
    </div>
</div>
</body>
</html>